<template>
  <div>
    <EmptyComp :emptyConfig="emptyConfig"
      containerH="70vh" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      emptyConfig: {
        title: '暂无数据!',
        description: '这里可以有你的描述文字!',
        imageSvg: 'empty',
        width: '30vh',
        height: '30vh',
        actions: [
          {
            name: '按钮',
            type: 'primary',
            methodAction: () => {
              this.$message.success('点击了按钮')
            }
          },
          {
            name: '取消',
            type: 'primary',
            plain: true,
            methodAction: () => {
              this.$message.info('点击了按钮')
            }
          }
        ]
      }
    }
  }
}
</script>

<style>
</style>